<!doctype html>
<html>

<head>
    <meta charset="UTF-8">
    <title></title>
    <meta name="viewport" content="viewport-fit=cover,width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no" />
    <link href="../../../css/mui.min.css" rel="stylesheet" />
    <link rel="stylesheet" type="text/css" href="../../../css/reset.css" />
    <link rel="stylesheet" type="text/css" href="../../../css/style.css" />
</head>

<body>
<div class="transparent" id="dataListBox">
    <header class="mui-bar mui-bar-nav">
        <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
        <div>
            <form action="javascript:return true;">
                <input type="search" v-model="userWords" class="searchWords_box sr_input" placeholder="关键词搜索" @keyup.enter="search_all" />
                <a class="mui-icon mui-icon-search mui-pull-right" @tap="search_all"></a>
            </form>
        </div>
    </header>

    <div class="hot_sr" >
        <h3>热门搜索</h3>
        <div class="hot_keyword">
				<span class="mui-table-view" v-cloak v-for="val in category">
					<a class="keyword_bg mui-table-view-cell" @tap="search_hot(val.keyword)">{{val.keyword}}</a>
				</span>
        </div>
    </div>
</div>

<script src="../../../js/mui.min.js"></script>
<script type="text/javascript" src="../../../js/h.min.js"></script>
<script src="../../../js/vue.js"></script>
<script src="../../../js/public.js"></script>
<script type="text/javascript" src="../../../js/tpl/keywords.js"></script>
<script type="text/javascript" src="../../../js/jquery.min.js"></script>

</body>

</html>